﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>联盟商家列表</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
 <link href="css/page.min.css" rel="stylesheet" />
          <link href="css/font-awesome.min.css" rel="stylesheet"/>
        <style>
            body{
                background: #F5F5F5
            }
        </style>
	</head>
	<body>
        <section class=" bgff cen zc fz14 pr">
        	<section class="mui-col-xs-6 fl brl pt10 pm10 dfdf_sdsd " data-id="ddf_a">
        		全部分类<span class="mui-icon mui-icon-arrowdown fz16"></span>
        	</section>
        	<section class="mui-col-xs-6 fl pt10 pm10 dfdf_sdsd" data-id="ddf_b">
        		地区<span class="mui-icon mui-icon-arrowdown fz16"></span>
        	</section>
            <p class="qc"></p>
            
            <section class="dfd_ioiu mui-hidde" id="ddf_a">
               <section class="mui-col-xs-6 fl bgff">
                  <section class=" tl sdf_ssd pt10">
                       <p>全部分类 </p>
                       <p >服装 <span class="mui-icon mui-icon-arrowright fz14 fr mt5"></span></p>
                       <p>数码电器<span class="mui-icon mui-icon-arrowright fz14 fr mt5"></span></p>
                       <p>母婴用品<span class="mui-icon mui-icon-arrowright fz14 fr mt5"></span></p>
                       <p>视频<span class="mui-icon mui-icon-arrowright fz14 fr mt5"></span></p>
                       <p>手表眼镜<span class="mui-icon mui-icon-arrowright fz14 fr mt5"></span></p>
                       <p>鞋包<span class="mui-icon mui-icon-arrowright fz14 fr mt5"></span></p>
                       <p>家居生活<span class="mui-icon mui-icon-arrowright fz14 fr mt5"></span></p>
                   </section> 
              </section>
                
                 <section class="mui-col-xs-6 fl dfff mui-hidde sdfds_sdf">
                  <section class=" tl sdf_ssd pt10"> 
                      <p>&nbsp; </p> 
                       <p>全部 </p>
                        <p>女装 </p>
                       <p>男装 </p>
                       <p>家居服 </p>
                       <p>毛衣 </p>
                       <p>&nbsp; </p>
                       <p>&nbsp; </p>
                   </section>
              </section>
                <p class="qc"></p>
            </section>
            
            
            <section class="dfd_ioiu mui-hidde" id="ddf_b">
                  <section class=" tl sdf_ssd  bgff cen dfd_sdsc">
                       <p>默认 </p>
                       <p  class="acdf_x">好评 </p>
                       <p>最新 </p>
                       <p>销量 </p>
                       <p>最低积分 </p>
                       <p>最高积分 </p>
                </section>
            </section>
            
        </section>
        
        <section class="mt10 ngff pd bgff pt10 pm10">
           <img src="img/dsada_a.jpg" class="dsf_sdf">
            <section class="ov pl10">
              <p class="dian zd">
                  资生堂
                </p>
                <section>
                     <p class="fz12 mui-col-xs-8 fl">化妆品、护肤品、保养品</p>
                     <p class="mui-col-xs-4 tr fl">
                    <span class="mui-icon mui-icon-location hs fz18"></span>
                         北京
                    </p>
                    <p class="qc"></p>
                </section>
           
            </section>
            <p class="qc"></p>
        </section>
        
           <section class="mt10 ngff pd bgff pt10 pm10">
           <img src="img/dsada_a.jpg" class="dsf_sdf">
            <section class="ov pl10">
              <p class="dian zd">
                  资生堂
                </p>
                <section>
                     <p class="fz12 mui-col-xs-8 fl">化妆品、护肤品、保养品</p>
                     <p class="mui-col-xs-4 tr fl">
                    <span class="mui-icon mui-icon-location hs fz18"></span>
                         北京
                    </p>
                    <p class="qc"></p>
                </section>
           
            </section>
            <p class="qc"></p>
        </section>
           <section class="mt10 ngff pd bgff pt10 pm10">
           <img src="img/dsada_a.jpg" class="dsf_sdf">
            <section class="ov pl10">
              <p class="dian zd">
                  资生堂
                </p>
                <section>
                     <p class="fz12 mui-col-xs-8 fl">化妆品、护肤品、保养品</p>
                     <p class="mui-col-xs-4 tr fl">
                    <span class="mui-icon mui-icon-location hs fz18"></span>
                         北京
                    </p>
                    <p class="qc"></p>
                </section>
           
            </section>
            <p class="qc"></p>
        </section>
           <section class="mt10 ngff pd bgff pt10 pm10">
           <img src="img/dsada_a.jpg" class="dsf_sdf">
            <section class="ov pl10">
              <p class="dian zd">
                  资生堂
                </p>
                <section>
                     <p class="fz12 mui-col-xs-8 fl">化妆品、护肤品、保养品</p>
                     <p class="mui-col-xs-4 tr fl">
                    <span class="mui-icon mui-icon-location hs fz18"></span>
                         北京
                    </p>
                    <p class="qc"></p>
                </section>
           
            </section>
            <p class="qc"></p>
        </section>
           <section class="mt10 ngff pd bgff pt10 pm10">
           <img src="img/dsada_a.jpg" class="dsf_sdf">
            <section class="ov pl10">
              <p class="dian zd">
                  资生堂
                </p>
                <section>
                     <p class="fz12 mui-col-xs-8 fl">化妆品、护肤品、保养品</p>
                     <p class="mui-col-xs-4 tr fl">
                    <span class="mui-icon mui-icon-location hs fz18"></span>
                         北京
                    </p>
                    <p class="qc"></p>
                </section>
           
            </section>
            <p class="qc"></p>
        </section>
        <script src="js/jquery-1.11.3.min.js"></script>
        <script>
          $(".dfdf_sdsd").on("click",function(){
              $(".dfdf_sdsd").removeClass("act_sdf")
              $(this).addClass("act_sdf");
              $(".dfd_ioiu").addClass("mui-hidde")
              var gff_a=$(this).attr("data-id")
              $("#"+gff_a).removeClass("mui-hidde")
              $(this).find(".mui-icon").removeClass('mui-icon-arrowup').addClass("mui-icon-arrowdown")
              $(this).find(".mui-icon").addClass('mui-icon-arrowup').removeClass("mui-icon-arrowdown");
              
              
          })
          $("#ddf_a p").on("click",function(){
              $("#ddf_a p").removeClass("acdf_x")
               $(this).addClass("acdf_x")
               $(".sdfds_sdf").removeClass("mui-hidde")
          })
           $(".sdfds_sdf p").on("click",function(){
               $(".dfd_ioiu").addClass("mui-hidde")
               $(".dfdf_sdsd").removeClass("act_sdf")
                $("dfdf_sdsd").find(".mui-icon").removeClass('mui-icon-arrowup').addClass("mui-icon-arrowdown")
           })
           $(".dfd_sdsc p").on("click",function(){
               $(".dfd_sdsc p").removeClass('acdf_x')
               $(this).addClass("acdf_x")
                $(".dfd_ioiu").addClass("mui-hidde")
               $(".dfdf_sdsd").removeClass("act_sdf")
                $("dfdf_sdsd").find(".mui-icon").removeClass('mui-icon-arrowup').addClass("mui-icon-arrowdown")
           })
        </script>
	</body>
</html>
